/* 清除默认样式，初始化样式 */

* {

  /* 清除内外边距*/

  margin: 0;

  padding: 0;

  /* 自减盒子模型 */

  box-sizing: border-box;

  touch-action: pan-y;
   
}

ul ,ol{

  /* 清除默认圆点 */

  list-style: none;

}

a {

  /* 取消下划线 */

  text-decoration: none;

  /* 字体颜色 */

  color: #333;

}

input,

button {

  /*去掉input的轮廓线*/

  outline: none;

  border: 0;

}

/* 左浮动 */

.fl {

  float: left;

}

/* 右浮动 */

.fr {

  float: right;

}

/*  .clearfix::before 作用: 解决外边距塌陷问题,清除浮动 */

.clearfix::before,

.clearfix::after {

  content: '';

  display: table;

}

/* 真正清除浮动的标签 */

.clearfix::after {

  clear: both;

}

/* 设置字体 */

body {
  font: 16px/1.5 微软雅黑;
  color: #333;
  background-color: #fff ;
}

/* 取消标签的字体倾斜 */

em,

i {

  font-style: normal;

}

/* 清除img 自带的一点边距 */

img{

  list-style: none;

}
